<script setup>
import WelcomeItem from './WelcomeItem.vue'
import DocumentationIcon from './icons/IconDocumentation.vue'
import ToolingIcon from './icons/IconTooling.vue'
import CommunityIcon from './icons/IconCommunity.vue'
import { useRouter } from 'vue-router'
const router = useRouter()
const toDice = () => {
  router.push('/dice')
}
</script>

<template>
  <WelcomeItem>
    <template #icon>
      <DocumentationIcon/>
    </template>
    <template #heading>学习笔记</template>
    <a href="https://chargeduck.github.io/notes/" target="_blank" rel="noopener">平时学习用的笔记</a>
  </WelcomeItem>
  <WelcomeItem>
    <template #icon>
      <CommunityIcon/>
    </template>
    <template #heading>个人面试题记录</template>

    <a href="https://chargeduck.lesscoding.net" target="_blank" rel="noopener">Java面试题记录</a>
  </WelcomeItem>
  <WelcomeItem>
    <template #icon>
      <ToolingIcon/>
    </template>
    <template #heading>随便写写</template>

    <a href="https://gitee.com/hongchenmeng/" target="_blank" rel="noopener">Gitee主页</a>
    包含Idea摸鱼小工具等等
  </WelcomeItem>
  <welcome-item>
    <template #icon>
      <ToolingIcon/>
    </template>
    <template #heading>骰子工具</template>
    <span @click="toDice">骰子工具</span>
  </welcome-item>
</template>
